<?php
    session_start();
    if(!isset($_SESSION['usuario'])){
        header('location:../html/login.html');
    }
    
    $_SESSION['oidremision'] = $_REQUEST['oidr'];
    $_SESSION['tr'] = $_REQUEST['tr'];
    
?>

<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <script src="../../../vista/php/jquery-1.9.1.min.js"></script>
        
        <!-- LIBRERIAS JQUERY PARA LA CREACION DE LAS ALERTAS -->
        <script type="text/javascript" src="../../../Ginecobstetricia/vista/js/alertify.js"></script>
        <link rel="stylesheet" href="../../../Ginecobstetricia/vista/css/alertify.core.css" />
        <link rel="stylesheet" href="../../../Ginecobstetricia/vista/css/alertify.default.css" />
        
        
         
         <style>
            
             .white {
                border-radius: 5px;
            	color: #606060;
                        border: solid 1px #b7b7b7;
                        background: #fff;
                        background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
                        background: -moz-linear-gradient(top,  #fff,  #ededed);
                        filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');
                        padding: 3px 3px 3px;
                        font-size: 80%;
                }
                .white:hover {
                        background: #ededed;
                        background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dcdcdc));
                        background: -moz-linear-gradient(top,  #fff,  #dcdcdc);
                        filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dcdcdc');
                }
                .white:active {
                        color: #999;
                        background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#fff));
                        background: -moz-linear-gradient(top,  #ededed,  #fff);
                        filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ffffff');
                }
                
                
                table tr:nth-child(odd) th {
                    background-color: #DAEAFF;
                    font-weight: normal;
                    padding: 5px;
                }
                /* para las filas paras */
                table tr:nth-child(even) th {
                    background-color: #FFFFFF;
                    font-weight: normal;
                    padding: 5px;
                }
                
                #barras{
                
                background-color:#e8eaeb;
                height:10%;width:100%;
                padding-top: 5px;
                border-radius: 5px 5px 0px 0px;
                
                
                /**/
                background:linear-gradient(#B5B5B5, #e8eaeb);
                font-weight: bold;
                position: relative;
                border-radius: 5px 5px 0px 0px;
                
            }
            
            #barras2{
                
                height:10%;
                width:100%;
                padding-top:1px ;
                padding-right: 5px;
                border-radius: 0px 0px 5px 5px;
                
                /**/
                background:linear-gradient(#e8eaeb, #B5B5B5);
                font-weight: bold;
                position: relative;
            }
             
        </style>
        
        <script>
            
            function enviarArchivo(){
                
                var archivo = document.getElementById('adjunto').value;
                
                if(archivo != ""){
                     
                    var inputFileImage = document.getElementById('adjunto');
                    var file = inputFileImage.files[0];
                    var data = new FormData();
                    data.append('archivo',file);
                    var url = '../../controlador/php/sql/cargarArchi2.php';

                    $.ajax({
                        url:url,
                        type:'POST',
                        dataType: "json",
                        contentType:false,
                        data:data,
                        processData:false,
                        success: respuesta
                    });
                     
                }else{
                
                    alertify.error("Ningun archivo adjunto");
                
                }
                
            }
            
            function respuesta(datos){
                
                var resp = datos.mensaje;
                
                if(resp == 1){
                    cargarArchivos();
                    alertify.success("El archivo se guardo correctamente");
                    document.getElementById("adjunto").value = "";
                }else if(resp == 2){
                    alertify.error("Error al subir el archivo");
                }
                
            }
            
            function cargarArchivos(){
                
                var oidremi = document.getElementById("oidremi").value;
                var tr = document.getElementById("tr").value;
                
                $.ajax({
                     type:"POST",
                     contentType: "application/x-www-form-urlencoded; charset=UTF-8",
                     url: "../../controlador/php/sql/datosArchi.php",
                     data: {oidremi:oidremi,tr:tr},
                     success: mostrarTabla
               });
                
            }
            
            function mostrarTabla(datos){
                
                rpt = $.parseJSON(datos);
                
                $("#contenido").text("");
                
                var resp = "";
                var con = 1;
                
                resp += '<table style="width:100%;font-size: 80%;">';
                
                for(r in rpt){
                    
                    resp += '<tr>\
                                <th align="center" >\
                                    '+ con +'\
                                </th>\
                                <th title="Nombre del archivo" align="left" >\
                                    '+ rpt[r].nomarchivo +'\
                                </th>\
                                <th title="Fecha de registro" align="center" >\
                                    '+ rpt[r].fecharegis +'\
                                </th>\
                                <th title="Registrado por" align="center" >\
                                    '+ rpt[r].nombres +'\
                                </th>\
                                <th align="center" >\
                                    <img onclick="descargarAR('+ rpt[r].oid +')" title="Descargar '+ rpt[r].nomarchivo +'" style="cursor:pointer" src="../../../vista/imagen/des.png" width="20" height="20" alt="des"/>\
                                </th>\
                             </tr>';
                    con++;
                }
                
                resp += '</table>';
                $("#contenido").append(resp);
            }
            
            function descargarAR(oid){
            
                window.open('../../controlador/php/sql/descargarAR.php?oid='+oid,"scrollbars=yes");
            
            }
            
        </script>
        
    </head>
    <body onload="cargarArchivos();">
        <form>
            <div align="center" id="barras">
                ADJUNTOS DEL PACIENTE COMENTADO
            </div>
            <div style="height: 205px;border: 5px;">
                <table style="width: 100%">
                    <tr>
                        <td>
                            <table style="width: 100%">
                                <tr>
                                    <td>
                                        Documento:
                                    </td>
                                    <td>
                                    <div id="documento"><?php echo$_REQUEST['doc'] ?></div>
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        Paciente:
                                    </td>
                                    <td>
                                    <div id="paciente"><?php echo$_REQUEST['pac'] ?></div>
                                    </td>
                                </tr>
                            </table>
                        </td>
                        <td>
                            <table style="width: 100%">
                                <tr>
                                    <td align="right">
                                        <input class="white" type="button" value="Cargar Archivo" onclick="enviarArchivo();"/>
                                    </td>
                                    <td>
                                        <input style="font-size: 90%" type="file" id="adjunto" name="adjunto" value="" />
                                    </td>
                                </tr>
                            </table>
                        </td>
                    </tr>
                    <tr>
                        <td style="background-color:#e8eaeb;" colspan="2" align="center">
                            Archivos del Paciente
                        </td>
                    </tr>
                    <tr>
                        <td colspan="2">
                            <div id="contenido" style="width: 100%;height: 110px;overflow-y: scroll">
                                
                            </div>
                        </td>
                    </tr>
                </table>
            </div>
            <div align="right" id="barras2">
                <input class="white" type="button" value="Cerrar" onclick="window.close();"/>
            </div>
            <div id="narc">
                
            </div>
            <!--oid de la remision y tipo de remision-->
            <input type="hidden" id="oidremi" name="" value="<?php echo$_REQUEST['oidr'] ?>" />
            <input type="hidden" id="tr" name="" value="<?php echo$_REQUEST['tr'] ?>" />
        </form>
    </body>
</html>